<template>
	<view class="content"> 
		<template>
			<Header :current="swiperCurrent" @changeView="changeView"></Header>
			<!-- tab选项卡实现 -->
			<swiper class="main-swiper" :indicator-dots="false" :autoplay="false" :current="swiperCurrent" @change="changeCurrent">
				<swiper-item>
					<scroll-view scroll-y="true" style="height: 100%;">
						<Mine></Mine>
					</scroll-view>
				</swiper-item>
				<swiper-item>
					<scroll-view scroll-y="true" style="height: 100%;">
						<Find></Find>
					</scroll-view>
				</swiper-item>
			</swiper>
		</template>

		<!-- 底部播放器 -->
        <BottomBar></BottomBar>

	</view>
</template>

<script>
	import Header from '../../components/Header/index.vue';
	import Find from '../../components/Find/index.vue';
	import Mine from '../../components/Mine/index.vue';
	import myHeader from '../../components/Header/index.vue'
	import BottomBar from '../../components/BottomBar/index.vue'
	export default {
		components: {
			Header,
			Find,
			Mine,
			BottomBar
		},
		data() {
			return {
				swiperCurrent: 1,
				haveStorage: true,
				page: 'index',
				listID: '' //歌单id
			}
		},
		computed: {

		},
		watch: {

		},
		onLoad() {

		},
		onReady() {
			//初次渲染完成
		},
		onShow() {},
		onBackPress() {

		},
		methods: {			
			changeCurrent(e) {
				this.swiperCurrent = e.detail.current;
			},
			changeView(e) {
				this.swiperCurrent = e;
			},
			change() {								
				console.log(this.$store.getters.paused)
			},
		},
		mounted() {

		}
	}
</script>

<style scoped>
	@import url("./index.css");
</style>
